/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

global{
	font-size:12px;
}

mx|Application {
	backgroundImage: Embed(source="assets/skip/simplegray/images/background.jpg");
/*	backgroundColor: #869ca7;
	backgroundGradientColors: #7f766f, #ada6a6;*/
	themeColor: #999999;
	paddingBottom:5;
	paddingLeft:5;
	paddingRight:5;
	paddingTop:5;
}

mx|Alert
{
	backgroundColor: #B1B1B1;
	cornerRadius: 7;
	borderColor: #949494;
}

mx|Accordion {
	themeColor: #cccccc;
	borderColor: #666666;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	dropShadowEnabled: true;
	shadowDistance: 1;
	headerStyleName: "myaccordionHeader";
}

.myaccordionHeader {
	color: #333333;
}

mx|ApplicationControlBar {
	borderStyle: solid;
	borderColor: #666666;
	cornerRadius: 2;
	dropShadowEnabled: true;
	shadowDistance: 0;
	dropShadowColor: #000000;
}

mx|Button {
	cornerRadius: 7;
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	borderColor: #757A97;
	themeColor: #999999;
}
mx|ColorPicker
{
	borderColor: #333333;
}

mx|ButtonBar {
	buttonStyleName: "mybuttonBarButtonStyle";
	firstButtonStyleName: "mybuttonBarFirstButtonStyle";
	lastButtonStyleName: "mybuttonBarLastButtonStyle";
}

.mybuttonBarButtonStyle {
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	borderColor: #666666;
	themeColor: #999999;
}

.mybuttonBarFirstButtonStyle {
	cornerRadius: 0;
}

.mybuttonBarLastButtonStyle {
	cornerRadius: 1;
}

mx|CheckBox {
	borderColor: #666666;
	iconColor: #333333;
	disabledIconColor: #666666;
	color: #333333;
	textSelectedColor: #666666;
	textRollOverColor: #171717;
	themeColor: #999999;
	selectedUpIcon: Embed(source="assets/skip/simplegray/images/symbol_check.gif");
	selectedOverIcon: Embed(source="assets/skip/simplegray/images/symbol_check.gif");
	selectedDownIcon: Embed(source="assets/skip/simplegray/images/symbol_check.gif");
	selectedDisabledIcon: Embed(source="assets/skip/simplegray/images/symbol_check.gif");
	upIcon: Embed(source="assets/skip/simplegray/images/symbol_multiplication.gif");
	overIcon: Embed(source="assets/skip/simplegray/images/symbol_multiplication.gif");
	downIcon: Embed(source="assets/skip/simplegray/images/symbol_multiplication.gif");
	disabledIcon: Embed(source="assets/skip/simplegray/images/symbol_multiplication.gif");
}

mx|ComboBox {
	cornerRadius: 2;
	color: #333333;
	borderColor: #b7babc;
	iconColor: #333333;
	selectionColor: #cccccc;
	textSelectedColor: #333333;
	rollOverColor: #cccccc;
	textRollOverColor: #666666;
	themeColor: #cccccc;
}

mx|DataGrid {
	rollOverColor: #e8dfdf;
	textRollOverColor: #333333;
	borderColor: #666666;
	selectionColor: #cccccc;
	color: #333333;
	textSelectedColor: #333333;
	dropShadowEnabled: true;
	shadowDistance: 0;
	headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
	color: #333333;
}

mx|DateChooser {
	borderThickness: 2;
	todayColor: #818181;
	rollOverColor: #cccccc;
	selectionColor: #999999;
	color: #333333;
	themeColor: #cccccc;
	dropShadowEnabled: true;
	focusSkin: Embed(source="assets/skip/simplegray/images/page_white.png");
	prevMonthSkin: Embed(source="assets/skip/simplegray/images/control_reverse.gif");
	nextMonthSkin: Embed(source="assets/skip/simplegray/images/control_play.gif");
	selectionIndicatorSkin: Embed(source="assets/skip/simplegray/images/page_white.png");
}

mx|DateField
{
	upSkin: Embed(source="assets/skip/simplegray/images/date.png");
	downSkin: Embed(source="assets/skip/simplegray/images/date.png");
	disabledSkin: Embed(source="assets/skip/simplegray/images/date.png");
	overSkin: Embed(source="assets/skip/simplegray/images/date.png");
}

mx|HRule {
	strokeColor: #cccccc;
	strokeWidth: 2;
}

mx|HScrollBar {
	cornerRadius: 0;
	themeColor: #cccccc;
	borderColor: #666666;
	thumbOffset: 0;
}

mx|HSlider {
	tickColor: #333333;
	invertThumbDirection: false;
	borderColor: #666666;
	themeColor: #cccccc;
	labelStyleName: "myhSliderLabelStyle";
}

.myhSliderLabelStyle {
	color: #333333;
}

mx|LinkBar {
	separatorColor: #ffffff;
	rollOverColor: #cccccc;
	selectionColor: #cccccc;
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	disabledColor: #e0e0e0;
}

mx|LinkButton {
	rollOverColor: #cccccc;
	selectionColor: #cccccc;
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
}

mx|List {
	rollOverColor: #cccccc;
	textRollOverColor: #171717;
	borderThickness: 1;
	borderColor: #666666;
	selectionColor: #cccccc;
	color: #333333;
	textSelectedColor: #333333;
	dropShadowEnabled: true;
	shadowDistance: 1;
}

mx|MenuBar {
	borderColor: #666666;
	rollOverColor: #e5e1e1;
	selectionColor: #cccccc;
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #999999;
	themeColor: #cccccc;
	cornerRadius: 7;
}

mx|NumericStepper {
	cornerRadius: 0;
	color: #333333;
	themeColor: #cccccc;
	downArrowSkin: Embed(source="assets/skip/simplegray/images/bullet_arrow_bottom.png");
	upArrowSkin: Embed(source="assets/skip/simplegray/images/bullet_arrow_top.png");
	upArrowOverSkin: Embed(source="assets/skip/simplegray/images/bullet_arrow_up.png");
	downArrowOverSkin: Embed(source="assets/skip/simplegray/images/bullet_arrow_down.png");
}

mx|Panel {
	borderStyle: solid;
	borderColor: #555555;
	titleStyleName: "mypanelTitle";
	cornerRadius: 7;
	borderThickness: 2;
}

.mypanelTitle {
	color: #333333;
}

mx|PopUpButton {
	cornerRadius: 7;
	fillColors: #ffffff, #cccccc, #ffffff, #cccccc;
	color: #333333;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	borderColor: #666666;
	themeColor: #cccccc;
}

mx|ProgressBar {
	borderColor: #666666;
	barColor: #999999;
	color: #333333;
}

mx|RadioButton {
	borderColor: #666666;
	color: #333333;
	textSelectedColor: #333333;
	textRollOverColor: #232222;
	themeColor: #cccccc;
	disabledColor: #666666;
}

mx|TabNavigator {
	borderColor: #666666;
	color: #333333;
	dropShadowEnabled: true;
	shadowDistance: 1;
	tabStyleName: "myTabs";
	firstTabStyleName: "myTabs";
	lastTabStyleName: "myTabs";
	selectedTabTextStyleName: "mySelectedTabs";
	
	backgroundAlpha:0.7;
	borderStyle:none;
	horizontalGap:3;
	
	paddingBottom:0;
	paddingLeft:0;
	paddingRight:0;
	paddingTop:0;
}

.myTabs {
	tabCloseButtonStyleName:"closeButStyle";
	
	cornerRadius: 7;
	borderColor: #666666;
	color: #333333;
	textRollOverColor: #333333;
	themeColor: #cccccc;
}

.mySelectedTabs {
	color: #333333;
	textRollOverColor: #333333;
}

.closeButStyle{
	upSkin:Embed(source="assets/skip/simplegray/images/icon_close_up.png"); 
	downSkin:Embed(source="assets/skip/simplegray/images/icon_close_down.png"); 
	overSkin:Embed(source="assets/skip/simplegray/images/icon_close_over.png"); 
}

mx|TextArea {
	color: #333333;
	borderColor: #666666;
	borderThickness: 1;
	dropShadowEnabled: true;
}

mx|TextInput {
	borderColor: #666666;
	color: #333333;
	dropShadowEnabled: true;
	shadowDistance: 1;
}

mx|ToggleButtonBar {
	buttonStyleName: "mytoggleButtonBarButtonStyle";
	firstButtonStyleName: "mytoggleButtonBarFirstButtonStyle";
	lastButtonStyleName: "mytoggleButtonBarLastButtonStyle";
	selectedButtonTextStyleName: "mytoggleButtonBarSelectedButtonStyle";
}

.mytoggleButtonBarButtonStyle {
	color: #333333;
	cornerRadius:2;
	textRollOverColor: #333333;
	textSelectedColor: #333333;
	borderColor: #666666;
	themeColor: #cccccc;
}

.mytoggleButtonBarFirstButtonStyle {
	cornerRadius: 7;
}

.mytoggleButtonBarLastButtonStyle {
	cornerRadius: 7;
}

.mytoggleButtonBarSelectedButtonStyle {
	color: #333333;
}

mx|ToolTip {
	cornerRadius: 4;
	backgroundColor: #cccccc;
	color: #333333;
}

mx|Tree {
	textRollOverColor: #0e0e0e;
	borderColor: #666666;
	selectionColor: #cccccc;
	color: #333333;
	textSelectedColor: #333333;
	openDuration: 350;
	dropShadowEnabled: true;
	folderClosedIcon: Embed(source="assets/skip/simplegray/images/folder.png");
	folderOpenIcon: Embed(source="assets/skip/simplegray/images/folder_page_white.png");
	disclosureOpenIcon: Embed(source="assets/skip/simplegray/images/bullet_toggle_minus.png");
	disclosureClosedIcon: Embed(source="assets/skip/simplegray/images/bullet_toggle_plus.png");
	defaultLeafIcon: Embed(source="assets/skip/simplegray/images/document.gif");
}

mx|TitleWindow
{
}

mx|TabBar
{
	
}

mx|VRule {
	strokeColor: #cccccc;
}

mx|VScrollBar {
	themeColor: #cccccc;
	borderColor: #666666;
}

mx|VSlider {
	borderColor: #666666;
	themeColor: #cccccc;
	labelStyleName: "myvSliderLabelStyle";
}

.myvSliderLabelStyle {
	color: #333333;
}
